<template>
	<view class="box">
		<view class="box_top">
			<view class="top_text">无线医疗平台</view>
			<view class="top_span">
				<text>软件版本：173</text>
				<text>软件授权：邵逸夫医院</text>
			</view>
		</view>
		<view class="box_center">
			<view class="center_top">
				<u--text text="网络设置" color="#333333"></u--text>
				<view class="top_input1">
					<!-- <u-action-sheet :actions="list" @select="selectClick" :title="title" :show="show"></u-action-sheet> -->
					<view class="top-view">
						<view class="text1">
							<view class="view1">网络</view>：
							<u-input prefixIconStyle="font-size: 16px;color: #C7C7C7;" v-model="formData.text">
							</u-input>
						</view>
						<u-icon name="arrow-right"></u-icon>
					</view>
				</view>
				<view class="top_input1">
					<u-action-sheet :actions="list" @select="selectClick" :title="title" :show="show" @close="attt">
					</u-action-sheet>
					<view class="top-view">
						<view class="text1" @tap="show = true">
							<view class="view1">院区代码</view>：<view class="text">{{formData.text1}}</view>
						</view>
						<u-icon name="arrow-right" @tap="show = true"></u-icon>
					</view>
				</view>
				<view class="top_input1">
					<!-- <u-action-sheet :actions="list" @select="selectClick" :title="title" :show="show"></u-action-sheet> -->
					<view class="top-view">
						<view class="text1">
							<view class="view1">院区名称</view>：<text class="text">浙江大学附属邵逸夫医院</text>
						</view>
						<u-icon name="arrow-right"></u-icon>
					</view>
				</view>
			</view>
			<view class="top_btn">
				<text>介绍：</text>
				<p>由于医药科技的发展日新月异，我们的数据来源诚信可靠，制作严谨，但难免会有疏忽、遗漏之处，对所包含的信息可能导致的后果，我们开发团队及其工作人员均不承担任何法律责任。对于本软件的内容，如果您发现了问题，请及时纠正，我们会将您的意见及时更正，您的意见是我们前进的动力。谢谢！
				</p>

			</view>
		</view>
	</view>
</template>

<script>
	import {
		fetch
	} from '@/utils/request.js'
	export default {
		data() {
			return {
				title: '院区',
				list: [{
						id: 'A001',
						name: '本院区'
					},
					{
						id: 'A002',
						name: '分院区'
					}
				],
				show: false,
				formData: {
					text: '20.21.1.49:6600',
					text1: 'A002'
				}
			}
		},
		watch: {
			formData: {
				handler(newval) {
					console.log(newval, '25555');
					fetch().then(res => {
						console.log(res, 'rr');
					})
				},
				deep: true,
			}
		},
		methods: {
			nav() {
				console.log('close')
				uni.navigateTo({
					url: '../scan/scan'
				});
			},
			selectClick(index) {
				this.show = false;
				this.formData.text1 = index.id
				console.log(index)
			},
			attt() {
				this.show = false;
			},
			change(e) {
				// console.log('change', e)
			}
		}
	}
</script>
<style scoped lang="scss">
	.box {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.box_top {
		width: 750rpx;
		height: 714rpx;
		// background: linear-gradient(225deg, #70E5EC 0%, #1B9EA6 100%);
		// border-bottom-right-radius: 404rpx;
		background: url('../../static/img/heder.png') 0 -40rpx no-repeat;
		background-size: 100% 100%;

		.top_text {
			font-size: 48rpx;
			font-family: SourceHanSansCN-Medium, SourceHanSansCN;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 72rpx;
			padding-left: 40rpx;
			padding-top: 108rpx;
		}

		.top_span {
			display: flex;
			flex-direction: column;
			padding-left: 40rpx;
			font-size: 28rpx;
			font-family: SourceHanSansCN-Normal, SourceHanSansCN;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 42rpx;
		}
	}

	.box_center {
		// width: 100%;
		// height: 100%;
		position: absolute;
		top: 340rpx;
		left: 40rpx;
	}

	.center_top {
		width: 670rpx;
		height: 492rpx;
		background: #FFFFFF;
		box-shadow: 4rpx 8rpx 20rpx 0 rgba(25, 58, 121, 0.15);
		border-radius: 6px;
		// transform: translateY(-160px);
		// margin: 0 auto;

		.top-view {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 48rpx 0 58rpx;

			.text1 {
				display: flex;

				.view1 {
					width: 140rpx;
					text-align-last: justify;
					text-align: justify;
					text-justify: inter-ideograph; // 这行必加，兼容ie浏览器
					font-size: 32rpx;
					font-family: SourceHanSansCN-Normal, SourceHanSansCN;
					font-weight: 400;
					color: #333333;
					line-height: 48rpx;

				}

				.text {
					width: 360rpx;
					font-size: 32rpx;
					font-family: SourceHanSansCN-Normal, SourceHanSansCN;
					font-weight: 400;
					color: #333333;
					line-height: 48rpx;
					white-space: nowrap;
				}

				// letter-spacing: 56rpx
			}
		}

		.top_input1 {
			padding-top: 70rpx;
		}

	}

	.top_btn {
		margin-top: 38rpx;
		width: 97%;
		margin-bottom: 98rpx;

		text {
			font-size: 32rpx;
			font-family: SourceHanSansCN-Medium, SourceHanSansCN;
			font-weight: 500;
			color: #333333;
			line-height: 48rpx;
		}

		p {
			font-size: 28rpx;
			font-family: SourceHanSansCN-Normal, SourceHanSansCN;
			font-weight: 400;
			color: #666666;
			line-height: 40rpx
		}
	}


	::v-deep .u-text__value {
		font-size: 40rpx !important;
		font-family: SourceHanSansCN-Medium, SourceHanSansCN !important;
		font-weight: 500 !important;
		color: #333333;
		line-height: 60rpx !important;
		padding: 40rpx 0 0 40rpx;
	}

	::v-deep .u-input {
		border: 0 !important;
		padding-left: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;

		.u-input__content__prefix-icon {
			margin-right: 44rpx !important;
		}

		.u-input__content__field-wrapper__field {
			font-size: 32rpx !important;
			font-family: SourceHanSansCN-Normal, SourceHanSansCN !important;
			font-weight: 400 !important;
			color: #333333 !important;
			line-height: 48rpx !important;
		}
	}
</style>
